@import '../../../assets/css/function.scss';
.lancaiBetting{
    .matchHeader {
        background: #fff;
        height: px2rem(72px);
        line-height: px2rem(72px);
        padding: 0 px2rem(30px);
        box-sizing: border-box;
        font-size: px2rem(28px);
        color: #a0a0a0;
        width: 100%;
        border-bottom: 1px solid #f0f0f0;
        position: fixed;
        top: px2rem(100px);
        width: 100%;
        left: 0;
        z-index: 2;
        span {
          color: #e95504;
        }
    }
    .basket-mark {
        z-index: 30;
        position: absolute;
        top: px2rem(100px);
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, .5);
    }
    .basket-mark{
        top: 0;
        z-index: 40;
    }
    .betting-content{
        position: absolute;
        width: 100%;
        top: px2rem(170px);
        padding-bottom: px2rem(250px);
        .no_colw{
            li{
                background: white;
                padding: 0.26667rem 0.4rem;
                margin-top: px2rem(10px);
                position: relative;
                .dan_icon{
                    width: px2rem(50px);
                    position: absolute;
                    left: 0;
                    top: 0;
                }
                .bet-top{
                    color: #9f9f9f;
                    font-size: .29333rem;
                    margin-bottom: .26667rem;
                }
                .bf_title,.bf_title1{
                    display: flex;
                    padding: 0 px2rem(50px);
                    box-sizing: border-box;
                    margin-bottom: px2rem(10px);
                    span{
                        font-size: px2rem(28px);
                        color: #505050;
                        flex: 1;
                        text-align: center;
                        span{
                            color: #9f9f9f;
                        }
                    }
                    span:nth-child(2){
                        color: #9f9f9f;
                    }
                }
                .bf_title1{
                    padding: 0;
                }
                .bet-bottom{
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    .bet-left{
                        flex: 1;
                        display: flex;
                        align-items: center;
                        img{
                            width: 0.4rem;
                        }
                    }
                    .bet-right{
                        flex: 1;
                        button{
                            float: right;
                            height: px2rem(106px);
                            box-sizing: border-box;
                            width: px2rem(62px);
                            border: 1px solid #c7c7c7;
                            background: white;
                        }
                        .isdan{
                            color: #c7c7c7;
                            border: 1px solid #c7c7c7;
                        }
                    }
                    .bet-middle{
                        flex: 7;
                        table{
                            border: 1px solid #f0f0f0;
                            width: 100%;
                            height: px2rem(106px);
                            td{
                                width: 50%;
                                border: 1px solid #f0f0f0;
                                span{
                                    display: block;
                                    text-align: center;
                                    font-size: px2rem(24px);
                                    color: #9f9f9f;
                                }
                                span:first-of-type{
                                    font-size: px2rem(28px);
                                    color: #505050;
                                }
                                b{
                                    font-weight: 400;
                                }
                            }
                            .selected{
                                background: #e85504!important;
                                box-sizing: border-box;
                                border-right: 1px solid #fff;
                                color: #fff!important;
                                span{
                                    color: #fff!important;
                                }
                                b{
                                    color: #fff!important;
                                }
                            }
                        }
                    }
                    .bet-middle-colw{
                        flex: 7;
                        .colw-txt{
                            background: #ea5504;
                            color: #fff;
                            padding: px2rem(8px) px2rem(20px);
                            font-size: px2rem(28px);
                            text-align: center;
                            border: 1px solid #ea5504;
                        }
                    }
                }
            }
        }
        .ment{
            margin: 0;
            display: flex;
            justify-content: center;
            i{
              padding: px2rem(20px);
            }
            p{
             display: flex;
             align-items: center;
              margin-left: px2rem(-10px);
            }
        }
        .xySelected{
            color: #e95504;
        }
    }
    .fixed{
        border-top: 1px solid #f0f0f0;
        position: fixed;
        background: #fff;
        width: 100%;
        bottom: 0;
        z-index: 10;
        small{
          height: px2rem(64px);
          line-height: px2rem(64px);
          font-size: px2rem(24px);
          color: #9f9f9f;
          text-align: center;
          display: block;
        }
        ul{
          display: flex;
          height: px2rem(88px);
          border-top: 1px solid #f1f1f1;
          box-sizing: border-box;
          line-height: px2rem(87px);
          border-bottom: 1px solid #f1f1f1;
          li{
            position: relative;
            flex: 1;
            text-align: center;
            border-right: 1px solid #f1f1f1;
           button{
             width: 100%;
             height: 98%;
             box-sizing: border-box;
             border: none;
             font-size: px2rem(28px);
             color: #505050;
             background: white;
             position: absolute;
             left: 0;
             top: 0;
             line-height: px2rem(82px);
             .play-item{
               overflow: hidden;
               text-overflow:ellipsis;
               white-space: nowrap;
               width: px2rem(300px);
               margin: auto;
               .play-text,p{
                 display: inline-block;
               }
             }
           }
            i{
              width: px2rem(20px);
              height: px2rem(20px);
              background: url(../../../assets/img/free/Clickable@2x.png);
              position: absolute;
              top: 0;
              right: 0;
              background-size: 100% 100%;
            }
          }
          li:last-child{
            border-right: none;
          }
        }
        div{
          height: px2rem(88px);
          .left{
            font-size: px2rem(24px);
            color: #787878;
            padding: 0 0 0 px2rem(30px);
            width: 66%;
            float: left;
            display: flex;
            justify-content: center;
            flex-direction: column;
            p{
              display: flex;
              align-items: center;
              span{
               color: #e95504;
            }
            .ycjj{
             text-overflow:ellipsis;
             white-space: nowrap;
             display: block;
             width: px2rem(320px);
             overflow: hidden;
            }
           }
          }
          .right{
            height: px2rem(88px);
            line-height: px2rem(88px);
            float: right;
            width: 30%;
            text-align: center;
            background: #e95504;
            color: #fff;
            font-size: px2rem(28px);
          }
        }
      }
      #isDan{
        border: 1px solid #e95504;
        color: #e95504;
      }
}